<template>
  <a-card :bordered="false">

    <div class="table-page-search-wrapper">
      <a-form-model ref="form" :model="formData" layout="inline">
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-item label="干预结果" :labelCol="{ span: 5 }" :wrapperCol="{ span: 18, offset: 1 }">
              <a-select placeholder="干预结果" show-search allowClear v-model="formData.result">
                <a-select-option v-for="item in searchOptions" :key="item.value" :value="item.value">{{
                  item.text
                  }}</a-select-option>
              </a-select>
            </a-form-item>
          </a-col>
        </a-row>

        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-model-item label="干预内容" prop="jSelectMultiple">
              <j-select-multiple v-model="formData.check" :options="jSelectMultipleOptions"/>
            </a-form-model-item>
          </a-col>
        </a-row>
      </a-form-model>
    </div>

  </a-card>
</template>

<script>
  import AList from 'ant-design-vue/es/list'
  import AListItem from 'ant-design-vue/es/list/Item'
  import JDictSelectTag from "@comp/dict/JDictSelectTag";
  import JInput from '@comp/jeecg/JInput'
  import JCheckbox from '@/components/jeecg/JCheckbox'
  import JMultiSelectTag from '@comp/dict/JMultiSelectTag'
  import {
    httpAction
  } from '@/api/manage'
  export default {
    name: "SplitPanelBModal",
    components: {
      AList,
      AListItem,
      JDictSelectTag,
      JCheckbox,
      JInput,
      JMultiSelectTag,
    },
    data() {
      return {
        selectList: [],
        selectedDepUsers: '',
        formData: {
        },
        searchOptions:[{
          text:"通过",
          value:"1"
        },{
          text:"不通过",
          value:"2"
        }],
        check: '',
        jSelectMultipleOptions: [
           {value:'1-7',text:'药品的剂量、规格、数量、单位等书写不规范或不清楚的'},
          {value:'1-8',text:'用法、用量使用“遵医嘱”、“自用”等含糊不清字句的'},
          {value:'1-9',text:'处方修改未签名并注明修改日期，或药品超剂量使用未注明原因和再次签名的'},
          {value:'1-10',text:'开具处方未写临床诊断或临床诊断书写不全的'},
          {value:'1-11',text:'单张门急诊处方超过五种药品的'},
          {value:'1-12',text:'无特殊情况下，门诊处方超过7日用量，急诊处方超过3日用量，慢性病、老年病或特殊情况下需要适当延长处方用量未注明理由的'},
          {value:'1-14',text:'医师未按照抗菌药物临床应用管理规定开具抗菌药物处方的'},
          {value:'2-1',text:'适应证不适宜的'},
          {value:'2-2',text:'遴选的药品不适宜的'},
          {value:'2-3',text:'药品剂型或给药途径不适宜的'},
          {value:'2-5',text:'用法、用量不适宜的'},
          {value:'2-6',text:'联合用药不适宜的'},
          {value:'2-7',text:'重复给药的'},
          {value:'2-8',text:'有配伍禁忌或者不良相互作用的'},
          {value:'2-9',text:'其它用药不适宜情况的'},
          {value:'2-10',text:'溶媒选择不适宜'},
        ],
        jCheckboxOptions: [
          {label: '适应症', value: '1'},
        ],

      }
    },
    methods: {
      test(id) {
        console.log("gogogo");
        console.log(id);
        return 1
      },
      add(id) {
        let that = this
        var param = {
          prescNo: id,
          remark: this.formData.check,
          result: this.formData.result,
        }
        httpAction("/precs/intervene", param, "post")
          .then(res => {
            if (res.success) {

            } else {
            }
          })
      },
    }
  }
</script>

<style lang="less" scoped>
  .ant-card-body .table-operator {
    margin-bottom: 18px;
  }

  .ant-table-tbody .ant-table-row td {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .anty-row-operator button {
    margin: 0 5px
  }

  .ant-btn-danger {
    background-color: #ffffff
  }

  .ant-modal-cust-warp {
    height: 100%
  }

  .ant-modal-cust-warp .ant-modal-body {
    height: calc(100% - 110px) !important;
    overflow-y: auto
  }

  .ant-modal-cust-warp .ant-modal-content {
    height: 90% !important;
    overflow-y: hidden
  }
</style>